<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/index1.css" rel="stylesheet" type="text/css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.js"></script>
    <script src="js/jquery-3.3.1.js"></script>
    <title>第一产业</title>
</head>
<body>
    <div id="box1">
        <div id="box1-1">
            <div id="box1-1-1"><a href="index.html">国民经济核算</a></div>
            <div id="box1-1-2"><a href="index1.html" class="p2">第一产业</a></div>
        </div>
        <div id="box1-2">国内经济发展形势及GDP预测</div>
        <div id="box1-3">
            <div id="box1-3-1"><a href="index3.html" class="p2">第三产业</a></div>
            <div id="box1-3-2"><a href="index2.html" class="p2">第二产业</a></div>
        </div>
    </div>
    <div id="box2">
        <div id="box2-1">
            <div id="box2-1-1"></div>
            <div id="box2-1-2"></div>
        </div>
        <div id="box2-2">
            <div id="box2-2-1"></div>
            <div id="box2-2-2"></div>
        </div>
    </div>
    <div id="box3">
        <div id="box3-1"></div>
        <div id="box3-2"></div>
        <div id="box3-3"></div>
    </div>
</body>
<script>
    var box2_1_1=echarts.init(document.getElementById("box2-1-1"));
    var xdata1=["1978年", "1979年", "1980年", "1981年", "1982年", "1983年", "1984年", "1985年", "1986年", "1987年", "1988年", "1989年", "1990年", "1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年"]
    var KSMC1=[1397, 1697.6, 1922.6, 2180.62, 2483.26, 2750, 3214.13, 3619.5, 4013.01, 4675.7, 5865.27, 6534.73, 7662.1, 8157.03, 9084.71, 10995.53, 15750.47, 20340.9, 22353.7, 23788.4, 24541.9, 24519.1, 24915.77, 26179.65, 27390.8, 29691.8, 36238.99, 39450.89, 40810.83, 48651.77, 57420.77, 59311.32, 67763.13, 78836.98, 86342.15, 93173.7, 97822.51, 101893.52, 106478.73, 109331.72, 113579.53, 123967.94, 137782.17, 147013.4, 156065.94,]
    var option1= {
        title: {
            text: '1978-2022年农林牧渔业总产值(亿元)',
            textStyle:{
                fontSize: 16,
                color:"#FFF"
            },
            left:'center',
            top:10,
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter:'{b} :{c}亿元',
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        grid: {
            left: '6%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel:{
                    show: false,
                },
                splitLine:{show: false},
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 10,
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata1,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '农林牧渔业总产值',
                type: 'bar',
                barWidth: 40,
                data: KSMC1,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
            {
                name: '农林牧渔业总产值',
                type: 'pictorialBar',
                symbolSize: [40, 20],
                symbolOffset:[0, -10],
                z: 12,
                symbolPosition: 'end',
                symbol: "diamond",
                itemStyle: {
                    normal: {
                        color: '#296e9c'
                    }
                },
                data: KSMC1,

            }, {
                name: '农林牧渔业总产值',
                type: 'pictorialBar',
                symbolSize: [40, 20],
                symbolOffset: [0, 10],
                symbol: "diamond",
                z: 11,
                itemStyle: {
                    normal: {
                        color: '#3496d7'
                    }
                },
                data: KSMC1,
            },
        ]
    };
    box2_1_1.setOption(option1);
    var a=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option1.dataZoom[0].endValue == KSMC1.length ) {
            option1.dataZoom[0].endValue = 6;
            option1.dataZoom[0].startValue = 0;
        }
        else {
            option1.dataZoom[0].endValue = option1.dataZoom[0].endValue + 1;
            option1.dataZoom[0].startValue = option1.dataZoom[0].startValue + 1;
        }
        box2_1_1.setOption(option1);
    }, 2000);


    var box2_1_2=echarts.init(document.getElementById("box2-1-2"));
    var xdata1=["1978年", "1979年", "1980年", "1981年", "1982年", "1983年", "1984年", "1985年", "1986年", "1987年", "1988年", "1989年", "1990年", "1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年"]
    var KSMC2=[1117.5, 1325.3, 1454.1, 1635.87, 1865.3, 2074.47, 2380.15, 2506.4, 2771.75, 3160.49, 3666.89, 4100.58, 4954.3, 5146.43, 5588.02, 6605.14, 9169.22, 11884.6, 13539.8, 13852.5, 14241.9, 14106.2, 13873.59, 14462.79, 14931.5, 14870.11, 18138.36, 19613.37, 21522.28, 24444.68, 27679.94, 29983.81, 35909.07, 40339.62, 44845.72, 48943.94, 51851.12, 54205.34, 55659.89, 58059.76, 61452.6, 66066.45, 71748.23, 78339.51, 84438.58,]
    var KSMC3=[48.1, 60.7, 81.4, 98.89, 110.04, 127.2, 161.61, 188.7, 201.19, 221.98, 275.3, 284.92, 330.3, 367.9, 422.61, 494	, 611.07, 709.9, 778	, 817.8, 851.3, 886.3, 936.52, 938.75, 1033.5, 1239.93, 1327.12, 1425.54, 1610.81, 1889.93, 2180.31, 2324.39, 2575.03, 3092.44, 3406.97, 3847.44, 4189.98, 4358.45, 4635.9, 4980.55, 5432.61, 5775.71, 5961.58, 6507.7, 6820.83,]
    var KSMC4=[209.3, 285.6, 354.2, 402.17, 456.7, 485.11, 587.32, 798.3, 875.71, 1068.37, 1600.61, 1800.38, 1967, 2159.22, 2460.52, 3014.4, 4671.99, 6045, 6015.5, 6835.4, 7025.8, 6997.6, 7393.08, 7963.13, 8454.6, 9538.81, 12173.8, 13310.78, 12083.86, 16068.62, 20354.2, 19184.63, 20461.08, 25194.16, 26491.21, 27572.37, 27963.39, 28649.32, 30461.17, 29361.19, 28697.4, 33064.35, 40266.67, 39910.83, 40652.36,]
    var KSMC5=[22.1, 26, 32.9, 43.69, 51.22, 63.22, 85.05, 126.1, 164.36, 224.86, 322.47, 348.85, 410.6, 483.48, 613.48, 881.99, 1298.19, 1701.3, 2020.4, 2282.7, 2422.9, 2529, 2712.57, 2814.97, 2971.1, 3137.61, 3605.6, 4016.12, 3970.52, 4427.93, 5137.53, 5514.72, 6263.37, 7337.37, 8403.91, 9254.48, 9877.54, 10339.09, 10892.92, 11577.09, 12131.51, 12572.4, 12775.86, 14507.27, 15467.98,]
    var option2= {
        color: ['#b7d6f3', '#40a9ed', '#00ca95', 'rgba(108,80,243, 0.9)'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        legend:{
            // orient:'vertical',
            left: "20%",
            top: "5%",
            textStyle:{
                fontSize:16,
                color:"#FFF"
            },
        },
        grid: {
            top:"15%",
            left: '1%',
            right: '2%',
            bottom: '4%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 10,
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata1,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '农业总产值',
                type: 'line',
                data:KSMC2,
                symbolSize: 10,
                lineStyle:{
                    width:3,
                }
            },
            {
                name: '林业总产值',
                type: 'line',
                data:KSMC3,
                symbolSize: 10,
                lineStyle:{
                    width:3,
                }
            },
            {
                name: '牧业总产值',
                type: 'line',
                data:KSMC4,
                symbolSize: 10,
                lineStyle:{
                    width:3,
                }
            },
            {
                name: '渔业总产值',
                type: 'line',
                data:KSMC5,
                symbolSize: 10,
                lineStyle:{
                    width:3,
                }
            },
        ]
    };
    box2_1_2.setOption(option2);
    //通过定时器的方式刷新，改变statrValue，endValue
    var b=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option2.dataZoom[0].endValue == KSMC2.length ) {
            option2.dataZoom[0].endValue = 6;
            option2.dataZoom[0].startValue = 0;
        }
        else {
            option2.dataZoom[0].endValue = option2.dataZoom[0].endValue + 1;
            option2.dataZoom[0].startValue = option2.dataZoom[0].startValue + 1;
        }
        box2_1_2.setOption(option2);
    }, 2000);

    var box2_2_1=echarts.init(document.getElementById("box2-2-1"));
    option = {
        title: {
            text: '2018-2022年粮食产量',
            textStyle:{
                fontSize: 15,
                color:"#FFF"
            },
            left:"center",
            top:3,
        },
        tooltip: {backgroundColor:'rgba(255,255,255,0.8)',},
        xAxis: {
            data: ["2018","2019","2020", "2021", "2022"],
            axisTick: {
                show: false,
            },
            axisLine: {
                show: false,
            },
            axisLabel: {
                margin: 40,
                show: true,
                textStyle: {
                    color: "#FFF",
                },
            },
        },
        yAxis: {
            splitLine: {
                show: false,
            },
            axisTick: {
                show: false,
            },
            axisLine: {
                show: false,
            },
            axisLabel: {
                show: false,
            },
        },
        grid: {
            top:"20%",
            left: '2%',
            right: '2%',
            bottom: '2%',
            containLabel: true
        },
        series: [
            {
                name: "粮食产量(万吨)",
                type: "pictorialBar",
                symbolSize: [40, 20],
                symbolOffset: [0, -10],
                z: 12,
                itemStyle: {
                    normal: {
                        color: "#14b1eb",
                    },
                },
                data: [
                    {
                        value: 65789.22,
                        symbolPosition: "end",
                    },
                    {
                        value: 66384.34,
                        symbolPosition: "end",
                    },
                    {
                        value: 66949.15,
                        symbolPosition: "end",
                    },
                    {
                        value: 68284.75,
                        symbolPosition: "end",
                    },
                    {
                        value: 68652.77,
                        symbolPosition: "end",
                    },
                ],
            },
            {
                name: "粮食产量(万吨)",
                type: "pictorialBar",
                symbolSize: [40, 20],
                symbolOffset: [0, 10],
                z: 12,
                itemStyle: {
                    normal: {
                        color: "#14b1eb",
                    },
                },
                data: [65789.22, 66384.34, 66949.15, 68284.75, 68652.77,],
            },
            {
                name: "粮食产量(万吨)",
                type: "pictorialBar",
                symbolSize: [60, 30],
                symbolOffset: [0, 20],
                z: 11,
                itemStyle: {
                    normal: {
                        color: "transparent",
                        borderColor: "#14b1eb",
                        borderWidth: 5,
                    },
                },
                data: [65789.22, 66384.34, 66949.15, 68284.75, 68652.77,],
            },
            {
                name: "粮食产量(万吨)",
                type: "pictorialBar",
                symbolSize: [80, 40],
                symbolOffset: [0, 28],
                z: 10,
                itemStyle: {
                    normal: {
                        color: "transparent",
                        borderColor: "#14b1eb",
                        borderType: "dashed",
                        borderWidth: 5,
                    },
                },
                data: [65789.22, 66384.34, 66949.15, 68284.75, 68652.77,],
            },
            {
                name:"粮食产量(万吨)",
                type: "bar",
                itemStyle: {
                    normal: {
                        color: "#14b1eb",
                        opacity: 0.7,
                    },
                },
                silent: true,
                barWidth: 40,
                barGap: "-100%", // Make series be overlap
                data: [65789.22, 66384.34, 66949.15, 68284.75, 68652.77,],
            },
        ],
    };
    box2_2_1.setOption(option);

    var box2_2_2=echarts.init(document.getElementById("box2-2-2"));
    var option={
        title: {
            text: '2018-2022年粮食产量按作物品种分类',
            textStyle:{
                fontSize: 15,
                color:"#FFF"
            },
            left:"center",
            top:3,
        },
        legend:{
            data:[ '谷类','薯类','豆类'],
            top:"15%",
            textStyle:{
                fontSize:14,
                color:"#FFF"
            }
        },
        tooltip:{
            formatter: '{b}: {c}万吨 ({d}%)',
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        series:[
            {
                name: '2018',
                type: 'pie',
                center:["12%","55%"],
                radius: ['30%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 0,
                    borderColor: '#fff',

                },
                label: {
                    show: true,
                    position: 'center',
                    formatter: "{a}",
                    textStyle: {
                        color:"#FFF",
                        baseline: "bottom",
                    },
                },
                labelLine: {
                    show: false
                },
                data: [
                    { value: 61003.58, name: '谷类' },
                    { value:1920.27, name: '薯类' },
                    { value: 2865.37, name: '豆类' },
                ]
            },
            {
                name: '2019',
                type: 'pie',
                center:["30%","55%"],
                radius: ['30%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 0,
                    borderColor: '#fff',

                },
                label: {
                    show:true,
                    position: 'center',
                    formatter: "{a}",
                    textStyle: {
                        color:"#FFF",
                        baseline: "bottom",
                    },
                },

                labelLine: {
                    show: false
                },
                data: [
                    { value: 61369.73, name: '谷类' },
                    { value:2131.9, name: '薯类' },
                    { value: 2882.72, name: '豆类' },
                ]
            },
            {
                name: '2020',
                type: 'pie',
                center:["48%","55%"],
                radius: ['30%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 0,
                    borderColor: '#fff',

                },
                label: {
                    show: true,
                    position: 'center',
                    formatter: "{a}",
                    textStyle: {
                        color:"#FFF",
                        baseline: "bottom",
                    },
                },

                labelLine: {
                    show: false
                },
                data: [
                    { value: 61674.28, name: '谷类' },
                    { value:2287.46,name: '薯类' },
                    { value: 2987.41, name: '豆类' },
                ]
            },
            {
                name: '2021',
                type: 'pie',
                center:["66%","55%"],
                radius: ['30%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 0,
                    borderColor: '#fff',

                },
                label: {
                    show: true,
                    position: 'center',
                    formatter: "{a}",
                    textStyle: {
                        color:"#FFF",
                        baseline: "bottom",
                    },
                },

                labelLine: {
                    show: false
                },
                data: [
                    { value: 63275.69, name: '谷类' },
                    { value:1965.52,name: '薯类' },
                    { value: 3043.54, name: '豆类' },
                ]
            },
            {
                name: '2022',
                type: 'pie',
                center:["84%","55%"],
                radius: ['30%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 0,
                    borderColor: '#fff',

                },
                label: {
                    show: true,
                    position: 'center',
                    formatter: "{a}",
                    textStyle: {
                        color:"#FFF",
                        baseline: "bottom",
                    },
                },

                labelLine: {
                    show: false
                },
                data: [
                    { value: 63324.34, name: '谷类' },
                    { value: 2351.03,name: '薯类' },
                    { value: 2977.39, name: '豆类' },
                ]
            }
        ]
    }
    box2_2_2.setOption(option);

    var box3_1=echarts.init(document.getElementById("box3-1"));
    var xdata_1=["1970年","1971年","1972年","1973年","1974年","1975年","1976年","1977年","1978年", "1979年", "1980年", "1981年", "1982年", "1983年", "1984年", "1985年", "1986年", "1987年", "1988年", "1989年", "1990年", "1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年"]
    var KSMC_1=[2011.91, 2069.91, 1984.01, 2186.73, 2275.41, 2350.16, 2371.19, 2348.21, 2527.34, 2784.74, 2734.31, 2827.3, 3124.38, 3395.74, 3608.18, 3483, 3529.28, 3637.45, 3578.57, 3632.19, 3932.84, 3875.69, 4003.79, 4130.79, 4063.23, 4239.65, 4482.85, 4376.6, 4502.21, 4492.59, 4261.15, 4266.94, 4399.4, 4332.5, 4620.49, 4641.63, 4745.17, 4756.09, 4968.57, 4892.37, 5005.69, 5208.81, 5353.12, 5439.53, 5445.89, 5553.02, 5539.17, 5607.36, 5621.17, 5719.65, 5733.51, 5805, 5801.7,]
    var option_1= {
        title: {
            text: '1970-2022年农作物单位面积产量',
            textStyle:{
                fontSize: 15,
                color:"#FFF"
            },
            left:'center',
            top:3,
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            backgroundColor:'rgba(255,255,255,0.8)',
            formatter:'{b0}</br> {a0}: {c0}'
        },
        legend:{

            top:"15%",
            textStyle:{
              color:"#FFF"
            },
          data:["粮食单位面积产量(公斤/公顷)"]
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '10%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel:{
                    show: false,
                },
                splitLine:{show: false},
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 3,
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata_1,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '粮食单位面积产量(公斤/公顷)',
                type: 'bar',
                barWidth: 40,
                data: KSMC_1,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
            {
                name: '粮食单位面积产量(公斤/公顷)',
                type: 'pictorialBar',
                symbolSize: [40, 20],
                symbolOffset:[0, -10],
                z: 12,
                symbolPosition: 'end',
                symbol: "diamond",
                itemStyle: {
                    normal: {
                        color: '#296e9c'
                    }
                },
                data: KSMC_1,

            }, {
                name: '粮食单位面积产量(公斤/公顷)',
                type: 'pictorialBar',
                symbolSize: [40, 20],
                symbolOffset: [0, 10],
                symbol: "diamond",
                z: 11,
                itemStyle: {
                    normal: {
                        color: '#3496d7'
                    }
                },
                data: KSMC_1,
            },
        ]
    };
    box3_1.setOption(option_1);
    //通过定时器的方式刷新，改变statrValue，endValue
    var a_1=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option_1.dataZoom[0].endValue == KSMC_1.length ) {
            option_1.dataZoom[0].endValue = 3;
            option_1.dataZoom[0].startValue = 0;
        }
        else {
            option_1.dataZoom[0].endValue = option_1.dataZoom[0].endValue + 1;
            option_1.dataZoom[0].startValue = option_1.dataZoom[0].startValue + 1;
        }
        box3_1.setOption(option_1);
    }, 2000);

    var box3_2=echarts.init(document.getElementById("box3-2"));
    var xdata3=["1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年"]
    var KSMC6=[938.3, 966.6, 1087.8, 1076.1, 1229.5, 1314.74, 1354.34, 1405, 1485.25, 1507.47, 1574.63, 1819.47, 1902.66, 1922.78, 2020.81, 1887.85, 1959.89, 2023.12, 2057.44, 2107.65, 2154.94, 2176.32, 2197.68, 2117.08, 2095.11, 2003.39, 1934,]
    var KSMC7=[84.48, 97.86, 108.7, 114.08, 119.55, 123.17, 132.16, 127.95, 127.48, 131.13, 132.52, 138.6, 145.99, 153.71, 162.28, 167.23, 170.9, 175.82, 178.7, 180.61, 180.77, 180.33, 178.3, 174.05, 165.51, 150.36, 139.17,]
    var option3= {
        title: {
            text: '1978-2022年农用柴油和农药使用量',
            textStyle:{
                fontSize: 14,
                color:"#FFF"
            },
            left:"center",
            top:2,
        },
        legend:{
            top:"15%",
            textStyle:{
                color:"#FFF"
            }

        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        grid: {
            left: '2%',
            right: '2%',
            bottom: '10%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel:{
                    show: false,
                },
                splitLine:{show: false},
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue:3
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata3,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '农药使用量(万吨)',
                type: 'bar',
                barWidth: 40,
                color:'#248def',
                data: KSMC7,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
            {
                name: '农用柴油使用量(万吨)',
                type: 'bar',
                barWidth: 40,
                data: KSMC6,
                color: "#3b4ce8",
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
        ]
    };
    box3_2.setOption(option3);
    //通过定时器的方式刷新，改变statrValue，endValue
    var c=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option3.dataZoom[0].endValue == KSMC6.length ) {
            option3.dataZoom[0].endValue = 3;
            option3.dataZoom[0].startValue = 0;
        }
        else {
            option3.dataZoom[0].endValue = option3.dataZoom[0].endValue + 1;
            option3.dataZoom[0].startValue = option3.dataZoom[0].startValue + 1;
        }
        box3_2.setOption(option3);
    }, 2000);

    var box3_3=echarts.init(document.getElementById("box3-3"));
    var xdata_21=["1988年", "1989年", "1990年", "1991年", "1992年", "1993年", "1994年", "1995年", "1996年", "1997年", "1998年", "1999年", "2000年", "2001年", "2002年", "2003年", "2004年", "2005年", "2006年", "2007年", "2008年", "2009年", "2010年", "2011年", "2012年", "2013年", "2014年", "2015年", "2016年", "2017年", "2018年", "2019年", "2020年", "2021年", "2022年"]
    var KSMC_21=[2301, 2312, 2335, 2166, 2149, 2159, 2157, 2129, 2128, 2115, 2101, 2051, 2026, 1961, 1945, 1967, 1928, 1923, 1896, 1885, 1893, 1818, 1807, 1785, 1786, 1779, 1789, 1785, 1781, 1758, 1759, 1834, 1803, 1799, 1787,]
    var option_21= {
        title: {
            text: '1988-2022年国有农场农场数(个)',
            textStyle:{
                fontSize: 15,
                color:"#FFF"
            },
            left:"center",
            top:3,
        },
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: '{a0}<br />{b0}: {c0}个',
            backgroundColor:'rgba(255,255,255,0.8)',
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '2%',
            containLabel: true
        },
        yAxis: [
            {
                type: 'value',
                axisLabel:{
                    show: false,
                },
                splitLine:{show: false},
            }
        ],
        dataZoom: [//滑动条
            {
                xAxisIndex: 0,
                show: false,
                type: 'slider',
                startValue: 0,
                endValue: 3,
            }
        ],
        xAxis: [
            {
                type: 'category',
                inverse:false, //是否是反向坐标轴
                data: xdata_21,
                axisLabel:{
                    margin: 15,
                    color:"#FFF"
                },
                axisLine:{
                    show:false,
                },
                axisTick: {
                    show: false
                },

            }
        ],
        series: [
            {
                name: '国有农场农场数',
                type: 'bar',
                barWidth: 40,
                data: KSMC_21,
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            position: 'inside',
                            textStyle: {
                                //数值样式
                                color: '#FFF',
                                fontSize: 12,
                            },
                        },
                    },
                },
            },
            {
                name: '国有农场农场数',
                type: 'pictorialBar',
                symbolSize: [41, 25],
                symbolOffset: [0, -10],
                z: 12,
                symbolPosition: 'end',
                itemStyle: {
                    normal: {
                        color: '#296e9c'
                    }
                },
                data: KSMC_21,

            }, {
                name: '国有农场农场数',
                type: 'pictorialBar',
                symbolSize: [41, 25],
                symbolOffset: [0, 10],
                z: 12,
                itemStyle: {
                    normal: {
                        color: '#3496d7'
                    }
                },
                data: KSMC_21,
            },
        ]
    };
    box3_3.setOption(option_21);
    //通过定时器的方式刷新，改变statrValue，endValue
    const c1=setInterval(function () {
        // 每次向后滚动一个，最后一个从头开始。
        if (option_21.dataZoom[0].endValue == KSMC_21.length ) {
            option_21.dataZoom[0].endValue = 3;
            option_21.dataZoom[0].startValue = 0;
        }
        else {
            option_21.dataZoom[0].endValue = option_21.dataZoom[0].endValue + 1;
            option_21.dataZoom[0].startValue = option_21.dataZoom[0].startValue + 1;
        }
        box3_3.setOption(option_21);
    }, 2000);

</script>
</html>